.phone {
    width: 100vw;
    flex-direction: column;
    padding-top: 42px;
    padding-bottom: 38px;
    background-color: #f5f5f5;
    .top {
        display: flex;
        flex-direction: row;
        a {
            margin-left: auto;
            color: black;
            text-decoration: none;
            font-size: 12px;
            transform: translate(-16px);
            &::after {
                content: "\f054";
                color: #c6c6c6;
                position: relative;
                left: 5px;
                top: 0px;
            }
        }
    }
    .grid {
        display: grid;
        width: 1250px;
        margin: auto;
        grid-template-columns: auto auto auto auto auto;
        position: relative;
        // border: 1px solid red;
        // 热卖
        .hot {
            &::after {
                content: "热卖";
                position: absolute;
                right: 17px;
                top: 22px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                color: white;
                background-color: #f59646;
                width: 40px;
                height: 40px;
                border-radius: 50%;
            }
        }
        .tehui {
            &::after {
                content: "特惠";
                position: absolute;
                right: 17px;
                top: 22px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                color: white;
                background-color: #f0415f;
                width: 40px;
                height: 40px;
                border-radius: 50%;
            }
        }
        div {
            // border: 1px solid green;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background-color: white;
            margin-right: 4px;
            position: relative;
            &:last-child {
                margin-right: 0;
            }
            img {
               display: inline; 
            }
            a {
                text-decoration: none;
                line-height: 20px;
                h6 {
                    color: black;
                }
                p {
                    font-size: 12px;
                    color: #999;
                }
                span {
                    color: red;
                    line-height: 27px;
                }
            }
            
        }
    }
}